<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>my-info</title>
		
		<!--我的个人中心-->
		<link rel="stylesheet" type="text/css" href="<?php echo __PUBLIC__?>/Home/css/my-center.css" />
		<!--城市联动-->
		<script type="text/javascript" src="<?php echo __PUBLIC__?>/area/jquery-1.8.2.min.js"></script>
		<script type="text/javascript" src="<?php echo __PUBLIC__?>/area/area.js"></script>
		<script type="text/javascript">
			$(function(){
				//初始化方法
				area.init('area');
				//修改的时候默认被选中效果
				area.selected('黑龙江','哈尔滨','道里区');
			})
		</script>
		
		

			

		
		
		<!--引进jquery文件-->
		<script src="./Public/Home/js/jquery-1.7.2.min.js"></script>
		<!-- 新 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="./Public/Home/bootstrap/css/bootstrap.min.css">
		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<!--<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>-->

		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="./Public/Home/bootstrap/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="./Public/Home/js/main.js"></script>
		<!--主页样式-->
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/style.css" />
		
	</head>

	<body>
		<!--全局最外层div-->
		<div id="all_wrap">
			<!--头部表头-->
			<div id="header_wrap">
				<div class="header_inner">
					<div class="ng-toolbar-left fl">
						<div class="a_left" href="javascript:;">
							<span>网站导航</span>
							<em class="sia-sanjiao"></em>
							<div class="hengxian_home"></div>
							<div class="nav_web">
								<dl>
									<dt>特色购物</dt>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
								</dl>
								<dl>
									<dt>特色购物</dt>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
								</dl>
								<dl>
									<dt>特色购物</dt>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
								</dl>
								<dl>
									<dt>特色购物</dt>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
								</dl>
								<dl class="none-border">
									<dt>特色购物</dt>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
									<p><a href="">苏宁互联</a></p>
								</dl>
							</div>
						</div>
						<a class="a_right" href=""><span>商家入驻</span></a>
					</div>
									<div class="ng-toolbar-right">
					<div id="login-regist" class="fl">
												<a class="register" href="http://127.0.0.1/su-HD/shop/index.php?m=Home&c=User&a=index">诚挚生活</a>
						
               					</div>
					<ul>
						<li>
							<a class="home-a home-width1" href="http://127.0.0.1/su-HD/shop/index.php?m=Home&c=User&a=orderList">
							<span>我的订单</span><em class="sia-sanjiao"></em>
						</a>
							<div class="myorder">
								<a class="myorder-a" href="">待支付</a>
								<a class="myorder-a" href="">待支付</a>
								<a class="myorder-a" href="">待支付</a>
								<a class="myorder-a" href="">待支付</a>
							</div>
						</li>
						<li>
							<a class="home-width1" href=""><span>我的易购</span><em class="sia-sanjiao"></em></a>
							<div class="my-yigou">
								<p class="user-info">
									<a class="phone-user" href="">1<img src="" alt="" /></a>
								</p>
								<p class="user-list">
									<a class="user-list-a" href="">我的二手</a>
									<a class="user-list-a" href="">我的二手</a>
									<a class="user-list-a" href="">我的二手</a>
									<a class="user-list-a" href="">我的二手</a>
									<a class="user-list-a" href="">我的二手</a>
									<a class="user-list-a" href="">我的二手</a>
								</p>
							</div>
						</li>
						<li><a class="home-width3" href="http://127.0.0.1/su-HD/shop/index.php?m=Home&c=ShopCar&a=index"><span>购物车</span></a></li>
						<li><a class="home-width2" href="">手机苏宁<span></span><em class="sia-sanjiao"></em></a></li>
						<li><a href=""><span>易付宝</span></a></li>
						<li><a href=""><span>政企采购</span></a></li>
						<li>
							<a class="home-width1" href=""><span>客户服务</span><em class="sia-sanjiao"></em></a>
							<div class="kehu-server">
								<a href="">帮客预约</a>
								<a href="">帮客预约</a>
								<a href="">帮客预约</a>
								<a href="">帮客预约</a>
								<a href="">帮客预约</a>
								<a href="">帮客预约</a>
							</div>
						</li>
					</ul>
				</div>
				</div>
				<div id="header_center">
					<a class="logo" href="http://127.0.0.1/su-HD/shop/index.php?m=Home&c=Index&a=index"><img src="./Public/Home/img/logo.gif"/></a>
					<a class="huodong" href=""><img src="./Public/Home/img/logo2.jpg"/></a>
					<div class="serch-right">
						<div class="serch-in">
							<input type="text" name="" id="" value="" placeholder="民意" />
							<span>搜索</span>
						</div>
						<div class="search-bottom-text">
							<a class="red" href="">海信618秒杀</a>
							<a href="">海信618秒杀</a>
							<a href="">海信618秒杀</a>
							<a href="">海信618秒杀</a>
							<a href="">海信618秒杀</a>
							<a href="">海信618秒杀</a>
						</div>
					</div>
				</div>
				<div id="nav">
					<div class="nav-inner">
						<div class="nav-all">
							<span>全部商品分类</span>
							<div class="nav-all-left"></div>
							<div class="nav-all-bottom"></div>
						</div>
						<div class="nav-all-right">
							<ul>
							<li><a href="">苏宁会员</a></li>
							<li><a href="">服装城</a></li>
							<li><a href="">苏宁超市</a></li>
							<li>
								<a href="">电器城</a>
								<i class="hot-li"></i>
							</li>
							<li><a href="">红孩子母婴</a></li>
							<li>
								<a href="">大聚惠</a>
								<span class="new-li"></span>
							</li>
							<li><a href="">苏宁金融</a></li>
							<li><a href="">海外购</a></li>
							<li><a href="">中华特色馆</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!--头部表头结束-->
			<!--个人中心开始-->
			<div id="ms-header-menu">
				<div class="ms-header-menu-inner">
					<div class="ms-logo">
						
					</div>
					<div class="ms-nav">
						<ul>
							<li><a class="nav-tou" href="">首页</a></li>
							<li>
								<a class="nav-tou" href="">账户管理</a>
								<em>&nbsp;&nbsp;</em>
								<!--二级菜单-->
								<div id="list-nav-manage">
									<div class="list-nav-manage-lst">
										<p>安全设置</p>
										<p><a href="">修改密码</a></p>
										<p><a href="">邮箱管理</a></p>
									</div>
									<div class="list-nav-manage-lst">
										<p>个人信息</p>
										<p><a href="">地址管理</a></p>
										<p><a href="">我的易付宝</a></p>
									</div>
									<div class="list-nav-manage-lst">
										<p>帐号绑定</p>
										<p><a href="">关联互联号</a></p>
										<p><a href="">易付宝绑定管理</a></p>
									</div>
								</div>
							</li>
							<li><a class="nav-tou" href="">消息</a></li>
						</ul>
						<div class="ms-serch">
							<input type="text" name="" id="" value="" />
							<a class="serch-img" href=""></a>
						</div>
					</div>
					
				</div>
				
			</div>
			<div id="ms-userinfo">
						
			</div>
			<div id="ms-content">
				<!--侧边导航开始-->
				<div id="ms-side">
	<div class="side-menu">
		<div class="side-menu-tree">
			<a class="bold-a" href="">
				我的购物车
			</a>
			<span>订单中心</span>
			<a href="">
				我的订单
			</a>
			<a href="">
				我的二手
			</a>
			<a href="">
				我的试用
			</a>
			<a href="">
				我的拍卖
			</a>
			<span>我的资产</span>
			<a href="">
				我的云钻
			</a>
			<a href="">
				我的云钻
			</a>
			<a href="">
				我的云钻
			</a>
			<a href="">
				我的云钻
			</a>
			<a href="">
				我的云钻
			</a>
			<span>关注中心</span>
			<a href="">
				我的收藏
			</a>
			<a href="">
				我的足迹
			</a>
			<a href="">
				我的评价
			</a>
			<span>自助服务</span>
			<a href="">
				退换货
			</a>
			<a href="">
				收货地址
			</a>
			<span>特色服务</span>
			<a href="">
				我的预约
			</a>
			<a href="">
				我的S码
			</a>
		</div>
	</div>
</div>				
				
				<!--侧边导航结束-->
				
						<!--修改手机号或者邮箱-->
						<script type="text/javascript">
							$(function(){
								$('.phone-ma-a').live('click',function(){
//									获取原值
									var borther = $(this).siblings('.phone-ma').text();
//									alert(borther);
//									将原来的框隐藏，新建一个input框									
									$(this).parents('.control-grop').find('.phone-ma').remove();
									var inp = '<input class="inp" type="text" name="cellphone" value="' +borther+ '" />';
									$(this).before(inp);
									
//									将当前元素右修改变为确定按钮,并追加一个class
									$(this).text('确定');
									$(this).removeClass('phone-ma-a');
									$(this).addClass('sure_change');
								})
							})
						</script>
						<!--确定修改按钮-->
						<script type="text/javascript">
							$(function(){
								$('.sure_change').live('click',function(){
									var borther = $(this).siblings('.inp').val();
//									alert(borther); return;
//									将隐藏域中的value也修改
									$(this).siblings('.hidden_inp').val(borther);
//									将原来的框隐藏，新建一个span标签
									$(this).siblings('.inp').remove();
									var spa = '<span class="phone-ma">'+borther+'</span>';
									$(this).before(spa);
									$(this).text('修改');
									$(this).addClass('phone-ma-a');
									$(this).removeClass('sure_change');
									
								})
							})
						</script>
				<!--个人信息开始-->
				<form id="form" action="" method="post">
				<div id="my-info">
					<div class="mian-wrap">
						<h3>个人信息</h3>
						<div class="user-profile">
							<div class="user-phone">
								<img src="<?php echo __PUBLIC__?>/Home/img/center/0000000000_01_120x120.jpg" alt="" />
								<a class="edit-phone" href="">编辑头像</a>
							</div>
							<div class="profile-info">
								<input class="user-name" type="" name="account" id="" value="<?php echo $userData['account']?>" />
							</div>
						</div>
						
						
						<!--主体信息-->
							<input type="hidden" name="uid" id="uid" value="<?php echo $userData['uid']?>" />
						<div id="files-info">
							<div class="control-grop">
								<label for=""><i>*</i>真实姓名:&nbsp;</label>
								<input type="text" name="truename" id="" value="<?php echo $userData['truename']?>" />
							</div>
							<div class="control-grop">
								<label for=""><i>*</i>昵称:&nbsp;</label>
								<input type="text" name="username" id="" value="<?php echo $userData['username']?>" />
							</div>
							<div class="control-grop">
								<label for=""><i>*</i>性别:&nbsp;</label>
								<input type="radio" name="sex" id="" value="男" <?php if($userData['sex'] == '男'){?>
                  checked="checked" 
               <?php }?> />
								<span>男</span>
								<input type="radio" name="sex" id="" value="女" <?php if($userData['sex'] == '女'){?>
                  checked="checked" 
               <?php }?>  />
								<span>女</span>
								<input type="radio" name="sex" id="" value="保密" <?php if($userData['sex'] == '保密'){?>
                  checked="checked" 
               <?php }?>  />
								<span>保密</span>
							</div>
							<div class="control-grop">
								<label for=""><i>*</i>手机:&nbsp;</label>
								<?php if(!empty($userData['cellphone'])){?>
                
								<span class="phone-ma"><?php echo $userData['cellphone']?></span>
								<a class="phone-ma-a" href="javascript:;">修改</a>
								<input type="hidden" class="hidden_inp" name="cellphone" id="" value="<?php echo $userData['cellphone']?>" />
								<?php }else{?>
								<input type="" name="cellphone" value="" />
								
               <?php }?>
								
							</div>
							<div class="control-grop">
								<label for=""><i>*</i>邮箱:&nbsp;</label>
								<?php if(!empty($userData['cellphone'])){?>
                
								<span class="phone-ma"><?php echo $userData['email']?></span>
								<a class="phone-ma-a" href="javascript:;">修改</a>
								<input type="hidden" class="hidden_inp" name="email" id="" value="<?php echo $userData['email']?>" />
								<?php }else{?>
								<input type="" name="email" value="" />
								
               <?php }?>
							</div>
							<div class="control-grop">
								<label for=""><i>*</i>出生日期:&nbsp;</label>
								<input type="date" name="birthday" id="" value="<?php echo $userData['birthday']?>" />
							</div>
							<div class="control-grop">
								<label for=""><i>*</i>居住地区:&nbsp;</label>
								
								
									<input style="width: 400px;" type="text" name="address" id="" value="<?php echo $userData['address']?>" />
							</div>
							<div class="control-grop">
								<label for=""><i>*</i>验证码:&nbsp;</label>
								<input type="text" name="" id="" value="" />
								<img src="" alt="" />
								<a href="">换一个</a>
							</div>
							<div class="control-grop">
								<label for=""></label>
								<a class="baocun-info edit-infor" href="javascript:;">保存</a> 
							</div>
						</div>
					</div>
				</div>
				
				</form>
				<!--点击保存，发ajax，进行修改-->
				<script type="text/javascript">
					$(function(){
						$('.edit-infor').click(function(){
//									alert(1);return;
							var form = $('#form').serialize();
//									alert(form);
							$.ajax({
								type:"post",
								url:"<?php echo U('edit')?>",
								data:form,
								dataType:'json',
								success:function(phpData){
									if(phpData.result){
										alert('修改成功');
										location.href = "<?php echo U('index')?>";
									}else{
										alert(phpData.errors);
									}
									
									
								}
								
								
								
							});
							
							
							
							
							
							
							
						})
					})
				</script>
				
				
				
				
				<!--个人信息结束-->
				
				
				
				
				
			</div>
			
			
			
			<!--个人中心结束-->
			
			
			<!--底部开始-->
			
			<div id="footer-wrap">
				<div class="ng-promise">
					<div class="ng-promise-top">
						<div class="ng-promise-top1">
						<dl>
							<dt class="bao-dt1"></dt>
							<dd>
								<p class="baozheng">正品保证</p>
								<p class="baozheng1">正品保证</p>
								<p></p>
							</dd>
						</dl>
						</div>
						<div class="ng-promise-top1">
						<dl>
							<dt class="bao-dt2"></dt>
							<dd>
								<p class="baozheng">正品保证</p>
								<p class="baozheng1">正品保证</p>
								<p></p>
							</dd>
						</dl>
						</div>
						<div class="ng-promise-top1">
						<dl>
							<dt class="bao-dt3"></dt>
							<dd>
								<p class="baozheng">正品保证</p>
								<p class="baozheng1">正品保证</p>
								<p></p>
							</dd>
						</dl>
						</div>
						<div class="ng-promise-top1">
						<dl>
							<dt class="bao-dt4"></dt>
							<dd>
								<p class="baozheng">正品保证</p>
								<p class="baozheng1">正品保证</p>
								<p></p>
							</dd>
						</dl>
						</div>
					</div>
					<!--第二排-->
					<div class="help-bottom">
						<dl>
							<dt><a href="">购物指南</a></dt>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
						</dl>
						<dl>
							<dt><a href="">购物指南</a></dt>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
						</dl>
						<dl>
							<dt><a href="">购物指南</a></dt>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
						</dl>
						<dl>
							<dt><a href="">购物指南</a></dt>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
						</dl>
						<dl>
							<dt><a href="">购物指南</a></dt>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">购物指南</a></dd>
						</dl>
					</div>
					<div class="yigouweixin">
						<p>易购客户端</p>
						<a href="">
							<img src="./Public/Home/img/icon/icon-yixin.jpg" alt="" />
						</a>
					</div>
				</div>
				<div id="bottom-xianshi">
					<div class="bottom-xianshi-inner">
						<div class="bottom-xianshi-inner-in">
							<dl>
								<dt><a href=""><img src="./Public/Home/img/bottom/f1.png" alt="" /></a></dt>
								<dd>
									<p><a href="">1111111111</a></p>
									<p><a href="">1111111111111</a></p>
								</dd>
							</dl>
						</div>
						<div class="bottom-xianshi-inner-in">
							<dl>
								<dt><a href=""><img src="./Public/Home/img/bottom/f2.png" alt="" /></a></dt>
								<dd>
									<p><a href="">1111111111</a></p>
									<p><a href="">1111111111111</a></p>
								</dd>
							</dl>
						</div>
					</div>
				</div>
				<div id="bottom-bottom">
					<div class="bottom-bottom-inner">
						<p class="ng-url-list">
							<a href="">百度 </a><span>|&nbsp;&nbsp;</span>
							<a href="">百度 </a><span>|&nbsp;&nbsp;</span>
							<a href="">百度 </a><span>|&nbsp;&nbsp;</span>
							<a href="">百度 </a><span>|&nbsp;&nbsp;</span>
						</p>
						<p class="ng-url-list">
							<a href="">百度 </a><span>|&nbsp;&nbsp;</span>
							<a href="">百度 </a><span>|&nbsp;&nbsp;</span>
							<a href="">百度 </a><span>|&nbsp;&nbsp;</span>
							<a href="">百度 </a><span>|&nbsp;&nbsp;</span>
						</p>
						<p class="ng-copyright">
							Copyright© 2002-2016 ，苏宁云商集团股份有限公司版权所有 <a href="">苏ICP备10207551号-4</a> <a href="">苏B1-20130131</a> <a href="">苏B2-20130376</a> <a href="">苏B2-20130391</a> 出版物经营许可证新出发苏批字第A-243号
						</p>
						<p class="ng-authentication">
							<a href=""><img src="./Public/Home/img/bottom/chengxin11.png" alt="" /></a>
							<a href=""><img src="./Public/Home/img/bottom/dianxin.jpg" alt="" /></a>
							<a href=""><img src="./Public/Home/img/bottom/unicom.png" alt="" /></a>
							<a href=""><img src="./Public/Home/img/bottom/dianzi.png" alt="" /></a>
						</p>
					</div>
				</div>
			</div>
			
			
			
			<!--底部开始结束-->
		</div>
</body>
</html>